<template>
  <div class="decription">
    <div class="header">
      <div class="icon"></div>
      <div class="describe">
        <div>{{describeObj.khmc}}</div>
        <div style="width: 100%;margin-top:10px">
          <Row>
            <Col span="4">
              <div>行业分类：{{describeObj.hyfl | noDataFormat}}</div>
              <div>联系方式：{{describeObj.lxfs | noDataFormat}}</div>
            </Col>
            <Col span="4">
              <div>用电类别：{{describeObj.ydlb | noDataFormat}}</div>
              <div>运行容量：3200{{describeObj.yxrl | noDataFormat}}千伏安</div>
            </Col>
            <Col span="4">
              <div>电压等级：{{describeObj.dydj | noDataFormat}}kV</div>
              <div>站点：{{describeObj.zd | noDataFormat}}</div>
            </Col>
            <Col span="3">
              <div>采集点：{{describeObj.cjd | noDataFormat}}</div>
              <div>设备数量：{{describeObj.sbsl | noDataFormat}}</div>
            </Col>
            <Col span="3">
              <div>预测点：{{describeObj.cld | noDataFormat}}</div>
              <div>需求响应设备：{{describeObj.xqxysb | noDataFormat}}</div>
            </Col>
            <Col span="3">
              <div>可相应容量：{{describeObj.kxyrl | noDataFormat}}kW</div>
              <div>当月需求响应：{{describeObj.dyxqxy | noDataFormat}}次</div>
            </Col>
          </Row>

        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { getCustInfo } from '@/api/scada'

export default {
    name: "description",
    props: {},
    data() {
        return {
            describeObj: {}
        };
    },
    computed: {},
    created() {
    },
    mounted() {
        getCustInfo().then(res => {
            console.log(res)
            if (res.code === 200) {
                this.describeObj = res.result || {}
            }
        })
    },
    watch: {},
    methods: {},
    components: {}
};
</script>

<style lang="scss" scoped>
  .header {
    width: 100%;
    height: 180px;
    background: #00A4FF;
    opacity: 0.93;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background: url("../../../../assets/img/cpshome/bg.png") no-repeat left / contain;
    .icon {
      width: 120px;
      height: 120px;
      margin-left: 75px;
      background: url("../../../../assets/img/cpshome/07.png") no-repeat center;
      border-radius: 50%;
    }
    .describe {
      flex: 1;
      padding-left:30px;
      >div:first-child {
        font-size: 22px;
        font-weight: 400;
        color: #FFFFFF;

      }
      >div:last-child {
        font-size: 16px;
        font-weight: 400;
        color: #FFFFFF;
      }
    }
  }
</style>
